
#app {
  background: url("/imgs/bg.png") no-repeat fixed top;
}

.v-note-wrapper {
  z-index: 0 !important;
}

.blog-header {
  .v-toolbar__content {
    width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
  }
}

.my-article {
  margin-bottom: 20px;
  //opacity: .9;

  .article-info {
    text-align: left;
    span {
      margin-right: 15px;
      i {
        font-size: 20px;
      }
    }
  }
  .article-start {
    width: 100%;
  }
  .read-detail {
    padding: 0 30px;
  }
  .v-card__title {
    border-bottom: 1px solid #ddd;
    a {
      color: #555;
      text-decoration: none;
    }
    a:hover {
      color: #4fc3f7;
    }
  }
  .v-card__actions {
    background-color: rgba(226, 226, 226, .5);
  }
}

.vcomments.v {
  padding: 10px;
  .vhead {
    text-align: left;
  }
  .info {
    background-color: #fff !important;
    //display: none;
  }
  .vlist {
    .vcard {
      .vcontent {
        font-size: 1rem;
      }
    }
  }
}